<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link href="/js/plugins/layui/css/layui.css" rel="stylesheet">
<head th:include="include :: header"></head>
<style>
    /*.col-sm-1 {
        width: 7.3%;width: 33.33333333%;
    }*/
    .col-sm-2{
         width: 16.66666667%;
         float: left;
         position: relative;
         min-height: 1px;
         padding-right: 3px;
         padding-left: 3px;
     }
    .col-sm-2-5{
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 3px;
        padding-top: 10px;
    }
    .col-sm-3{
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 15px;
        padding-top: 10px;
    }
    .col-sm-4{
        width: 33.33333333%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 1px;
    }
    .col-sm-6{
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 20px;
    }
    .col-sm-9{
        width: 75%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 3px;
    }
    .col-sm-1{
        width: 8.33333333%;
        position: relative;
        min-height: 1px;
        padding-right: 3px;
        padding-left: 3px;
    }

</style>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-md-12">
        <div>
            <div class="col-sm-2">
                <label class="columns pull-left col-sm-3 control-label">名称:</label>
                <div class="columns pull-left col-sm-9 ">
                    <input id="searchName" type="text" class="form-control" placeholder="店铺名称">
                </div>
            </div>
            <div class="col-sm-2">
                <label class="col-sm-3 control-label">类型:</label>
                <div class="columns pull-left col-sm-9">
                    <select data-live-search="false" class="form-control" id="test" name="test">
                        <option value="">全部农家</option>
                        <option>住宿美食</option>
                        <option>住宿</option>
                        <option>美食</option>
                    </select>
                </div>
            </div>
            <div class="col-sm-2">
                <label class="col-sm-3 control-label">状态:</label>
                <div class="columns pull-left col-sm-9">
                    <select data-live-search="false" class="form-control" id="shopType" name="shopType">
                        <option value="">全部</option>
                        <option>正常</option>
                        <option>下架</option>
                    </select>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="col-sm-9">
                    <label class="col-sm-2-5 control-label">入驻时间:</label>
                    <div class="columns pull-left col-sm-4">
                        <input type="text" class="form-control" id="beginTime" placeholder="开始时间">
                    </div>
                    <label class="col-sm-1">——</label>
                    <div class="columns pull-left col-sm-4">
                        <input type="text" class="form-control" id="endTime" placeholder="结束时间">
                    </div>
                </div>
                <div class="columns pull-right">
                    <button class="btn btn-success" onclick="reLoad()">搜索</button>
                </div>
            </div>
        </div>
        <!--<div style="padding-top: 50px">
            <div class="col-sm-6">
                <label class="col-sm-3 control-label">入驻时间:</label>
                <div class="columns pull-left col-md-4">
                    <input type="text" class="form-control" id="beginTime" placeholder="开始时间">
                </div>
                <label class="col-sm-1">&#45;&#45;</label>
                <div class="columns pull-left col-md-4">
                    <input type="text" class="form-control" id="endTime" placeholder="结束时间">
                </div>
            </div>
            <div class="columns pull-right">
                <button class="btn btn-success" onclick="reLoad()">搜索</button>
            </div>
        </div>-->


        <!--<div class="ibox-body">
            <div class="fixed-table-toolbar">
                <div class="columns pull-left">
                </div>
                <div class="columns pull-right">
                    <button class="btn btn-success" onclick="reLoad()">搜索</button>
                </div>
                <label for="name" class="col-sm-1 control-label"
                       style="margin-top: 20px;font-size:14px;">店铺名称:</label>
                <div style="margin-left: -20px" class="columns pull-left col-md-2 ">
                    <input id="searchName" type="text" class="form-control">

                </div>

            </div>

        </div>
        <div class="columns pull-left col-md-8" style="margin-top:14px;margin-left: 0px">
            <div class='col-sm-6'>
                <label for="name" class="col-md-4 control-label" style="margin-top: 5px;">店铺类型:</label>
                <div class="columns pull-left col-md-8">
                    &lt;!&ndash;<div id="duoxun" class="form-control">请选择店铺类型</div>&ndash;&gt;
                    <select data-live-search="false" class="form-control" data-placeholder="请选择" id="test"
                            name="test">
                        <option value="">全部农家</option>
                        <option>住宿美食</option>
                        <option>住宿</option>
                        <option>美食</option>
                    </select>
                </div>
            </div>


            <div class='col-sm-4'>
                <div class="form-group">
                    <label for="name" class="col-sm-3 control-label"
                           style="margin-top: 5px;font-size:14px;width: 95px">入驻时间:</label>
                    <div class='input-group date'>
                        <input type="text" class="layui-input" id="beginTime" placeholder="开始时间">
                    </div>
                </div>
            </div>

            <div class='col-sm-2'>
                <div class="form-group">
                    <div class='input-group date'>
                        <input type="text" class="layui-input" id="endTime" placeholder="结束时间">
                    </div>
                </div>
            </div>

        </div>-->

        <table id="exampleTable" data-mobile-responsive="true">
        </table>

    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
        var s_preview = 'hidden'
    </script>
</div>
<div shiro:hasPermission="farm:farmShop:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="farm:farmShop:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="farm:farmShop:edit">
    <script type="text/javascript">
        s_preview = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script src="/js/plugins/layui/layui.all.js"></script>
<script type="text/javascript" src="/js/appjs/farm/farmShop/farmShop.js"></script>

<script>
    /* $(function () {
         var picker1 = $('#datetimepicker1').datetimepicker({
             format: 'YYYY-MM-DD HH:mm:ss',
             locale: moment.locale('zh-cn'),
             //minDate: '2016-7-1'
         });
         var picker2 = $('#datetimepicker2').datetimepicker({
             format: 'YYYY-MM-DD HH:mm:ss',
             locale: moment.locale('zh-cn')
         });
         //动态设置最小值
         picker1.on('dp.change', function (e) {
             picker2.data('DateTimePicker').minDate(e.date);
         });
         //动态设置最大值
         picker2.on('dp.change', function (e) {
             picker1.data('DateTimePicker').maxDate(e.date);
         });
     });*/

    /*$("#test").hide();

    $("#duoxun").click(function () {
        $("#test").toggle();
    });
    $('#test').change(function () {
        var o = document.getElementById('test').getElementsByTagName('option');
        var all = "";
        console.log(o[1]);
        for (var i = 0; i < o.length; i++) {
            if (o[i].selected) {
                all += o[i].text + " ";
            }
        }
        $('#duoxun').html(all);
    })*/

    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //常规用法endTime
        laydate.render({
            elem: '#beginTime'
        });
        laydate.render({
            elem: '#endTime'
        });
    })
</script>

</body>
</html>